
:root {
  --bgcolor: #000000;
  --color: #ffffff;
  --hover-color: #F3561E;

  // 顶部导航栏
  --app-height: 45px;
  --app-color: #FFFFFF;
  --app-bg-color: #1E1C1D;

  // 底部导航栏
  --tab-height: 49px;
  --tab-color: #ffffff;
  --tab-hover-color: #B2F1EC;
}

/*包含以下四种的链接*/
a {
  text-decoration: none;
  display: block;
  color: var(--color);
}
/*正常的未被访问过的链接*/
a:link {
  text-decoration: none;
}
/*已经访问过的链接*/
a:visited {
  text-decoration: none;
}
/*鼠标划过(停留)的链接*/
a:hover {
  text-decoration: none;
}
/* 正在点击的链接*/
a:active {
  text-decoration: none;
}
img{
  width: 100%;
}
input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;font-size: 14px;}
// 换行
.word-break{
  word-break:break-all;
}

.flex-center{
  display: flex;
  align-items: center;
}

.flex-center-between{
  display: flex;
  align-items: center;
justify-content: space-between;
}

.flex-center-center{
  display: flex;
  align-items: center;
justify-content: center;
}

.flex-center-start{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.bold{
  font-weight: bold;
}

.flex_1{
  flex: 1;
}

input{  
background:none;  
outline:none;
  border: none;
  flex: 1;
}

// input:focus{   
// 	border:none;
// }

input{
  &.default{
      text-align: center;
      font-size: 14px;
      width: 130px;
      height: 36px;
      line-height: 36px;
      background-color: #F4F4F4;
      border-radius: 18px;
      transition: all .5s;
      &:focus {
          background-color: #E8F0FE;
      }
  }
}
//箭头
.arrow{
  &::after{
      content: "";
      display: block;
      transform: rotate(45deg) translateX(2px);
      width: 6px;
      height: 6px;
      border-color: #0983DA;
      border-top: 2px solid;
      border-right: 2px solid;
      transition: all .3s ease-in-out;
  }
}

//大确认按钮
.box-submit{
  .save{
      text-align: center;
      color: #ffffff;
      height: 47px;
      line-height: 47px;
      background: #0983DA;
      box-shadow: 0px 2px 3px 0px #D0D0D0;
      border-radius: 5px;
      font-size: 16px;
  }
}

// 换行
.word-break{
  word-break:break-all;
}

.ellipsis_1 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ellipsis_2{
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-line-clamp:2;
  overflow: hidden;
}

// 骨架屏
.skeleton {
  animation: van-skeleton-blink 1.3s ease-in-out infinite;
}
@keyframes van-skeleton-blink {
  50% {
    opacity: 0.6;
  }
}

// 弹框效果
.notice_up {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  opacity: 0;
  text-align: center;
  transform: scale(1.5);
  background: rgba(0,0,0,.6);
  transition: all .2s ease-in-out 0s;
  pointer-events: none;
  perspective: 1000px;
  backface-visibility: hidden;
  flex-direction: column;
  &.show{
      opacity: 1;
      transform: scale(1);
      pointer-events: auto;
  }
  .luck_draw_b{
  img{
    width: 200px;
    height: 300px;
  }
}
}

@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .is-ios-tab {
      padding-bottom: env(safe-area-inset-bottom);
  }
}
@supports (padding-bottom: constant(safe-area-inset-bottom)) {
  .is-ios-tab {
      padding-bottom: constant(safe-area-inset-bottom);
  }
}